<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/decorators/taglibs.jsp"%>
	<div class="container projects">
		<div class="row" id="details">
			<div class="col-md-6">
				<div class="panel panel-default">
					<div class="panel-heading"><h1>介绍</h1></div>
					<div class="panel-body">
					   <p class="text-left">
						   1、本采购助手主要面向服装类客户群体。<br>
						   2、用户可进行采购商品的添加（带图片）、查询、修改、<label class="text-danger">导出excel表格</label>。<br>
						   3、对常用供货商（档口）和颜色可进行增加删除修改功能，方便输入。<br>
						   4、对该软件如有任何建议，请联系<a href="mailto:helloworld.vip@gmail.com">helloworld.vip@gmail.com</a>
						</p>
					</div>
					<div class="panel-footer">
						<a class="btn btn-primary" href="${ctx }/resources/download/apk/Purchase.apk">下载</a>
					</div>
					<hr>
					<div class="panel-heading"><h1>更新日志 _2013-12-02</h1></div>
					<div class="panel-body">
					   <p class="text-left">
						   1、Action bar优化添加、修改UI界面。<br>
						   2、优化商品数据加载，缓存数据。<br>
						   3、更换删除图标。<br>
						</p>
					</div>
					<div class="panel-heading"><h1>更新日志 _2013-11-25</h1></div>
					<div class="panel-body">
					   <p class="text-left">
						   1、正式上线。<br>
						</p>
					</div>
				</div>
			</div>
			<div class="col-md-4">
				 <div id="photograph" class="carousel slide">
                        <ol class="carousel-indicators">
                            <li data-target="#photograph" data-slide-to="0" class=""> </li>
                            <li data-target="#photograph" data-slide-to="1" class="active"></li>
                            <li data-target="#photograph" data-slide-to="2" class=""></li>
                            <li data-target="#photograph" data-slide-to="3" class=""></li>
                            <li data-target="#photograph" data-slide-to="4" class=""></li>
                        </ol>
                        <div class="carousel-inner">
                            <div class="item"><a href="javascript:void(0)" target="_blank"><img class="img-responsive" src="${ctx }/resources/images/purchase/purchase_1.jpg"></a></div>
                            <div class="item active"><a href="javascript:void(0)" target="_blank"><img class="img-responsive" src="${ctx }/resources/images/purchase/purchase_2.jpg"></a></div>
                            <div class="item"><a href="javascript:void(0)" target="_blank"><img class="img-responsive" src="${ctx }/resources/images/purchase/purchase_3.jpg"></a></div>
                            <div class="item"><a href="javascript:void(0)" target="_blank"><img class="img-responsive" src="${ctx }/resources/images/purchase/purchase_4.jpg"></a></div>
                            <div class="item"><a href="javascript:void(0)" target="_blank"><img class="img-responsive" src="${ctx }/resources/images/purchase/purchase_5.jpg"></a></div>
                        </div>
                       	<a class="carousel-control left" href="#photograph" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
                        <a class="carousel-control right" href="#photograph" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
                 </div>
			</div>
		</div>
	</div>